<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="天天来收租">
    <meta name="format-detection" content="telphone=no, email=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="320">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="screen-orientation" content="portrait">
    <meta name="browsermode" content="application">
    <meta name="full-screen" content="yes">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/public.css" />
    <link rel="stylesheet" type="text/css" href="../css/building.css" />
</head>

<body>
    <div class="zone">
        <div class="main">
            <div class="topbox">
                <!-- 大楼总收入 -->
                <div class="left">
                    <div class="income">
                        <span>大楼总收入</span>
                        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/building/wen.png" alt="">
                    </div>
                    <div class="l_bot">
                        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="">
                        <span>2222</span>
                    </div>
                </div>

                <!-- 大楼进度条部分 -->
                <div class="tower">
                    <div class="prosessbox">
                        <div class="prosess" id="prosess"></div>
                        <span class="prosess_num" id="prosess_num">0%</span>
                    </div>
                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/building/dalou.png" alt="">
                </div>
                <!-- 右边入口 -->
                <div class="right">
                    <img onclick="location.href='buildrule.html'" src="http://img.qxgs.cc/tiantianlaishouzu/img/building/r1.png" alt="">
                    <img onclick="location.href='buildrank.html'"  src="http://img.qxgs.cc/tiantianlaishouzu/img/building/r2.png" alt="">
                    <img onclick="location.href='previousbuild.html'" src="http://img.qxgs.cc/tiantianlaishouzu/img/building/r3.png" alt="">
                </div>
            </div>


            <div class="botbox">
                <div class="b_top">
                    <p>离建楼结束还有： 06：17：29</p>
                    <p>(大楼每增加一个工人，倒计时增加10秒)</p>
                </div>
                <div class="content">
                    <div class="itembox" onclick="location.href='workerlist.html'">
                        <div class="i_top">
                            <p>倒计时结束最后100个工人瓜分 <br> 大楼收入70%</p>
                            <p>最后100个工人</p>
                        </div>
                        <div class="i_bot">
                            <div class="money">
                                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="">
                                <span>25675.56</span>
                            </div>
                            <div class="peo">
                                <div class="header">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt="">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt="">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt="">
                                </div>
                                <img class="arrow" src="http://img.qxgs.cc/tiantianlaishouzu/img/building/arrow.png" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="itembox" onclick="location.href='landlordlist.html'">
                        <div class="i_top">
                            <p>所有楼主实时瓜分收入30%</p>
                            <p>最后100个工人</p>
                        </div>
                        <div class="i_bot" >
                            <div class="money">
                                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="">
                                <span>25675.56</span>
                            </div>
                            <div class="peo">
                                <div class="header">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt="">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt="">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt="">
                                </div>
                                <img class="arrow" src="http://img.qxgs.cc/tiantianlaishouzu/img/building/arrow.png" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="atpresent">
                        <div class="flexbw">
                            <p>当前23422名工人正在建造226层</p>
                            <div class="prosessbox prosessbox2">
                                <div class="prosess" id="prosess2"></div>
                                <span class="prosess_num" id="prosess_num2">0%</span>
                            </div>
                        </div>
                        <p class="explain">（每建好一层，会随机选一名工人的雇佣者成为该楼层的楼主）</p>

                        <!-- 底部雇佣部分 -->
                        <div class="hire">
                            <p>我雇佣了0名工人</p>
                            <p>被抽中成为第221层楼主概率为0.00%</p>

                            <div class="btnbox">
                                <div class="btnleft" onclick="location.href='hirelog.html'">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/building/left.png" alt="">
                                    <span>雇佣记录</span>
                                </div>
                                <button id="autohire">自动雇佣</button>
                                <button id="myhire">
                                    <span>雇佣工人</span>
                                    <div>
                                        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="">
                                        <span>1</span>
                                    </div>
                                </button>
                                <div class="btnleft" onclick="location.href='mybuilding.html'">
                                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/building/left.png" alt="">
                                    <span>我的楼层</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 设置自动雇佣 -->
        <div class="modal modal-set" id="modal-set">
            <div class="modal-mask"></div>
            <div class="modal-body">
                <div class="mask-tit">
                    <img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
                    <span>设置自动雇佣</span>
                </div>
                <img class="modal-close" id="close" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
                <div class="modal-content">
                    <div class="mdlbox">
                        <div class="title">倒计时最后1秒系统自动雇佣工人</div>
                        <div class="stathire">
                            <div class="h_top">
                                输入雇佣数量/次数:
                            </div>
                            <div class="h_con">
                                <!-- 步进器 -->
                                <div class="t_num">
                                    <div class="num">
                                        <div class="numbox">
                                            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" alt="" id="reduce">
                                            <input id="enternum" class="ipuynum" type="number" value="1">
                                            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" id="add" alt="">
                                        </div>
                                        <p>每次雇佣工人数</p>
                                    </div>

                                    <div class="num">
                                        <div class="numbox">
                                            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" alt="" id="reduce">
                                            <input id="enternum" class="ipuynum" type="number" value="1">
                                            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" id="add" alt="">
                                        </div>
                                        <p>自动雇佣次数</p>
                                    </div>
                                </div>

                                <div class="m_momey">
                                    <p>当前拥有 <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt=""> <span>25675.58</span>个</p>
                                    <button>预付金币开启自动雇佣</button>
                                </div>
                            </div>
                        </div>
                        <div class="expla">
                            <p class="e_tit">温馨提示</p>
                            <p>1.自动雇佣期间，如果工人单价上涨，则按照最新的单价计算，预付金币用完后自动雇佣结束，剩余不足雇佣工人的部分将退回.</p>
                            <p>2.若最后一个工人的雇佣者是自己，则不会触发自动雇佣；</p>
                            <p>3.自动雇佣离线有效，取消自动雇佣会退还剩余的金币.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <!-- 设置自动雇佣 -->
        <div class="modal modal-hand" id="modal-hand">
            <div class="modal-mask"></div>
            <div class="modal-body">
                <div class="mask-tit">
                    <img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
                    <span>设置手动雇佣</span>
                </div>
                <img class="modal-close" id="close" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
                <div class="modal-content">
                    <div class="stathire2">
                        <div class="h_con">

                            <div class="hirenum">雇佣工人数</div>
                            <!-- 步进器 -->
                            <div class="t_num2">
                                <div class="num">
                                    <div class="numbox">
                                        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" alt="" id="reduce">
                                        <input id="enternum" class="ipuynum" type="number" value="1">
                                        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" id="add" alt="">
                                    </div>
                                    <p>需要花 <img class="jinbi" src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt=""> 1.58</p>
                                    <p>每上升1层，单价增加15%</p>
                                </div>
                            </div>

                            <div class="m_momey2">
                                <p>当前拥有 <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt=""> <span>25675.58</span>个</p>
                                <button>雇佣</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/building.js" type="text/javascript" charset="utf-8"></script>


</body>

</html>